<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>外部样式表</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <!-- 下面这个外部样式表好像不能运行 -->
        <!-- <sytle type="text/css"> -->
            <!--
            @import url(./style.css)
            @import "style.css"
            -->
        <!-- </sytle> -->
    </head>
    <body>
        <h1 class="red">这个标题使用了style。</h1>
        <h1>这个标题没有使用style。</h1>
    </body>
</html>